<style type="text/css">
    .form-horizontal .has-feedback .form-control-feedback {
      top: 10px;
      right: 8px;
    } 
</style>
<div class="row">
    <div class="col-md-12 ">
        <div class="portlet box green ">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-search"></i> 搜索</div>
                    <div class="tools">
                    </div>
            </div>
            <div class="portlet-body form">
                <form class="form-horizontal" role="form">
                    <div class="form-body">
                        <div class="form-group">
                            <label class="col-md-1 control-label">用户角色</label>
                            <div class="col-md-3">
                                <select class="form-control" name="serUserRole" id="serUserRole">
                                    <option value="">请选择用户角色</option>
                                    <option value='0'>管理员</option>
                                    <option value='1'>超级管理员</option>
                                </select>
                            </div>
                             <label class="col-md-1 control-label">性别</label>
                            <div class="col-md-3">
                                <select class="form-control" id="serGender" name="serGender">
                                    <option value='' >所有</option>
                                </select>
                            </div>
                            <label class="col-md-1 control-label">名字</label>
                            <div class="col-md-3">
                                <input type="text" class="form-control input" placeholder="请输入名字" name="serFullName" id="serFullName">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-1 control-label">手机号</label>
                            <div class="col-md-3">
                                <input type="text" class="form-control input" placeholder="请输入手机号" name="serMobile" id="serMobile">
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-md-4 col-md-offset-1">
                                <button type="button"  id="serBtn" class="btn btn-primary green">查询</button>
                            </div>
                        </div>
                     </div>
                    
                </form>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <div class="portlet box green">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-list"></i>用户列表 </div>
                <div class="actions">
                    <a href="javascript:;" class="btn btn-default btn-sm" id="addUser">
                        <i class="fa fa-plus"></i> 添加 </a>
                    <a href="javascript:;" class="btn btn-default btn-sm" id="editUser">
                        <i class="fa fa-edit"></i> 修改 </a>
                    <a href="javascript:;" class="btn btn-default btn-sm" id="delUser">
                        <i class="fa fa-remove"></i> 删除 </a>
                </div>
            </div>
            <!-- <a href="javascript:;" class="btn btn-sm blue "><i class="fa fa-edit"></i> 编辑</a>
                                                <a href="javascript:;" class="btn btn-sm red "><i class="fa fa-times"> 删除</i></a> -->
            <div class="portlet-body">
               <table id="userLists"></table>
            </div>
        </div>
    </div>
</div>
<div id="editUserDialog" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header ">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">
                    <i class="icon-pencil"></i>
                    <span id="lblAddTitle">添加/编辑信息</span>
                </h4>
            </div>
            <form name="userForm" class="form-horizontal form-bordered form-row-strippe" id="ffAdd" action="" data-toggle="validator" enctype="multipart/form-data">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="control-label col-md-3"><font size="4" color="red">&nbsp;*</font>用户名：</label>
                                <div class="col-md-8">
                                    <input id="txtUsername" name="txtUsername" type="text" class="form-control" placeholder="用户名" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="control-label col-md-3"><font size="4" color="red">&nbsp;*</font>姓名：</label>
                                <div class="col-md-8">
                                    <input id="txtFullName" name="txtFullName" type="text" class="form-control" placeholder="姓名" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="control-label col-md-3"><font size="4" color="red">&nbsp;*</font>密码：</label>
                                <div class="col-md-8">
                                    <input id="txtPasswd" name="txtPasswd"  type="password" class="form-control" placeholder="请输入密码"></input>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="control-label col-md-3"><font size="4" color="red">&nbsp;*</font>确认密码：</label>
                                <div class="col-md-8">
                                    <input id="txtPasswdConfirm" name="txtPasswdConfirm"  type="password" class="form-control" placeholder="请输入确认密码"></input>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="control-label col-md-3">性别：</label>
                                <div class="col-md-8">
                                    <select class="form-control" id="gender" name="gender">
                                    <option value='' >请选择性别</option>
                                    <option value="male" > 男 </option>
                                    <option value="female"> 女 </option>
                                </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="control-label col-md-3"><font size="4" color="red">&nbsp;*</font>角色：</label>
                                <div class="col-md-8">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="control-label col-md-3"><font size="4" color="red">&nbsp;*</font>组：</label>
                                <div class="col-md-8">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="control-label col-md-3"><font size="4" color="red">&nbsp;*</font>电话：</label>
                                <div class="col-md-8">
                                    <input id="txtMobile" name="txtMobile" type="text" class="form-control" placeholder="电话" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="control-label col-md-3">邮箱：</label>
                                <div class="col-md-8">
                                    <input id="txtEmail" name="txtEmail" type="text" class="form-control" placeholder="邮箱" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer ">
                    <button type="submit" class="btn blue" id="addUserBtn">确定</button>
                    <button type="button" class="btn green" data-dismiss="modal" id="closeModelDialog">取消</button>
                </div>
            </form>
        </div>
    </div>
</div>




